<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="../common/default.jsp"%>
<meta name="description" content='<s:property value="query.question"/>'>
<title><s:property value="query.question"/></title>
<link href="/css/stream.css" type="text/css" rel="stylesheet" />
<link href="/css/detail.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/js/ask/detail.js"></script>
<script type="text/javascript" src="/js/follow/follow.js"></script>
<script type="text/javascript" src="/js/personal/myHome.js"></script>
<script type="text/javascript" src="/js/ask/ask.js"></script>
<script type="text/javascript">
	$(function() {
		$('#txt001').keypress(addAnswer);
		txtFocus($('#txt001'));
		txtFocus($('#txt002'));
		findAskComments();
		$("#whoAnsLikeA").click(whoAnsLike);
		$(".dissPost").click(addComment);
		$(".stream-vote-trigger").click(answerVote);
		$("#askLikeA").click(addLike);
		textSize($('#addAnswerDiv #txt001'),$('#addAnswerDiv .txt_count span'),$('#addAnswerDiv .txt_count strong'));
		textSize($('#commentTextDiv #txt002'),$('#commentTextDiv .txt_count span'),$('#commentTextDiv .txt_count strong'));
	});
	
</script>
<title>优问-随时随地分享点评</title>
</head>
<body>
	<%@include file="../common/loginHead.jsp"%>
	<input id="myId" type="hidden" value="<s:property value='loginUser.id' />" />
	<div id="container">
		<div id="detailDiv" class="yoask" askId='<s:property value="query.id"/>'>
			<div id="ask_<s:property value="query.id"/>" class="detailLeft">
				<!--投票和喜欢的人-->
				<div class="detailHead">
					<div class="prevNext">
						<s:if test="askList!=null&&askList.size>0">
							<a href='http://www.yoasking.com/a/<s:property value="askList[0].id" />'>上一个</a> 
						</s:if>
						<s:if test="askList!=null&&askList.size>1">
							<a href='http://www.yoasking.com/a/<s:property value="askList[1].id" />'>下一个</a>
						</s:if>
					</div>
					<div class="likeVote">
						<ul class="cur">
							<li class="cur">
								<span><s:property value="query.likeCount" /></span>
								<a></a>
								<a id="askLikeA" href="javascript:">个人喜欢</a>
							</li>
							<li><a id="whoAnsLikeA" href="javascript:">看看谁投票啦</a><span></span></li>
						</ul>
					</div>
					<div class="whoLikeAans">
						<div class="whoAans"></div>
						<div class="whoLike"></div>
					</div>
					<div class="clear"></div>
				</div>
				<!--ask内容-->
				<h2><s:property value="query.question"/></h2>
				<!--添加answer-->
				<div id="addAnswerDiv" class="addAnswer">
					<textarea id="txt001" class="txt"></textarea>
					<div class="txt_count">
						<span class="curSize">0</span> / <strong class="maxSize">35</strong>
					</div>
				</div>
				<!--answer列表-->
				<div class="stream-answer-area">
					<div class="stream-answer-inner">
						<div class="stream-status-undefined">
							<ul class="stream-options">
								<s:iterator id="answer" value="query.answerList">
									<s:if test='query.isAnswer'>
										<s:if test='#answer.isAnswer'>
											<li class="stream-my-answer">
											<a class="stream-vote-trigger" answerId="<s:property value="#answer.id"/>">
												<span class="stream-option-text">
													<s:property value="#answer.answerBody"/>
												</span>
												<span class="stream-option-bar-container">
													<span class="stream-option-bar" voteRate="<s:property value="#answer.voteRate"/>" style='width: <s:property value="#answer.voteRate"/>%;'>&nbsp;</span>
													<span class="stream-option-info">
														<span class="stream-vote-count">
															<s:property value="#answer.voteCount"/>
														</span>
														<span class="stream-percentage">
															<span><s:property value="#answer.voteRate"/>%</span>
														</span>
													</span>
												</span>
											</a></li>
										</s:if>
										<s:else>
											<li>
												<a class="stream-vote-trigger" href="###" answerId="<s:property value="#answer.id"/>">
													<span class="stream-option-text">
														<s:property value="#answer.answerBody"/>
													</span>
													<span class="stream-option-bar-container">
														<span class="stream-option-bar" voteRate="<s:property value="#answer.voteRate"/>" style='width: <s:property value="#answer.voteRate"/>%;'>&nbsp;</span>
														<span class="stream-option-info">
															<span class="stream-vote-count">
																<s:property value="#answer.voteCount"/>
															</span>
															<span class="stream-percentage">
															<span><s:property value="#answer.voteRate"/>%</span>
															</span>
														</span>
													</span>
												</a>
											</li>
										</s:else>
									</s:if>
									<s:else>
										<li>
											<a class="stream-vote-trigger" href="###" answerId="<s:property value="#answer.id"/>">
												<span class="stream-option-text"><s:property value="#answer.answerBody"/></span>
												<span class="stream-option-bar-container">
													<span class="stream-option-bar" style="width: 20%;">投票</span>
												</span>
											</a>
										</li>
									</s:else>
								</s:iterator>
							</ul>
						</div>
					</div>
				</div>
				<!--ask添加评论-->
				<div id="commentTextDiv" class="addAnswer addDiss">
					<textarea id="txt002" class="txt addDissArea"></textarea>
					<div class="txt_count">
						<span class="curSize">0</span> / <strong class="maxSize">35</strong>
					</div>
					<div class="dissBtn">
						<a class="dissPost" href="###">发表评论</a>
					</div>
				</div>
				<!--ask的评论列表-->
				<div class="askDiss">
				</div>
			</div>
			<div class="detailRight">
				<div class="askImgMess">
					<div class="detailImg">
						<img src='<s:property value="query.picPath"/>!detail' />
					</div>
					<div class="y6-context-description">
						<!-- JiaThis Button BEGIN -->
							<div id="jiathis_style_32x32">
								<a class="jiathis_button_qzone"></a>
								<a class="jiathis_button_tsina"></a>
								<a class="jiathis_button_tqq"></a>
								<a class="jiathis_button_renren"></a>
								<a class="jiathis_button_kaixin001"></a>
								<a href="http://www.jiathis.com/share?uid=1609074" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
								<a class="jiathis_counter_style"></a>
							</div>
							<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
							<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1609074" charset="utf-8"></script>
						<!-- JiaThis Button END -->
					</div>
				</div>
				<dl class="y6-owner">
					<dt>
						<a href="http://www.yoasking.com/user/<s:property value="query.userId"/>" class="y6-ownerPho" ><img src='<s:property value="query.avatarPath"/>' /></a>
					</dt>
					<dd>
						<a href="http://www.yoasking.com/user/<s:property value="query.userId"/>" class="y6-ownerName"><s:property value="query.userName"/></a>
						对这图片发起了问问
					</dd>
					<dd class=" font10 gray y6-time"><s:property value="query.historyInfo"/></dd>
				</dl>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<!-- alertTip公用提示弹层 -->
	<div class="alerTip">
		<dl class="alerTipDl">
			<dt class="cuo"></dt>
			<dd>这里显示体会信息哦，亲！</dd>
		</dl>
		<p class="alerTipP">
			<a href="###">好的</a>
		</p>
	</div>
	<%@include file="../common/footer.jsp"%>
</body>
</html>